<template>
    <div class="my-footer">
      <div class="center">
        <div class="foot_left">
          <h1 style="color: white">COMPANY MENU</h1>
          <div class="zi">
          <ul>
            <li>首页</li>
            <li>产品中心</li>
            <li>新闻资讯</li>
          </ul>
          <ul>
            <li>关于我们</li>
            <li>精品工程</li>
            <li>联系我们</li>
          </ul>
         </div>
        </div>
        <div class="foot_right">
          <h1 style="color: white">CONTACT US</h1>
          <ul>
            <li>山西诚至昊机电设备有限公司</li>
            <li>办公室:0351-3030390</li>
            <li>总经理：李毛毛</li>
            <li>电话:13753139731</li>
            <li>邮箱:lmm20061325@sohu.com</li>
            <li>地址:山西省太原市万柏林区中涧河乡耿家庄南1-1</li>
          </ul>
        </div>
       
      </div>
      <div class="record">
        版权所有：山西诚至昊机电设备有限公司 备案号:晋ICP备17001134号
        技术支持：山西资海科技开发有限公司
      </div>
    </div>
</template>

<script>
export default {
  setup() {
    return {};
  },
};
</script>

<style lang="scss" scoped>
.center {
  width: 60%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.my-footer {
  color: rgb(199, 193, 193);
  height: 330px;
  background-color: black;
  font-size: 20px;
  position: relative;
}
.zi{
  width: 350px;
  display: flex;
  justify-content: space-between;
}
.zi li{
  padding: 15px;
}
.foot_right li{
  padding: 3px;
}
.foot_left,.foot_right{
margin-top: 10px;
}
.record{
  position: absolute;
  bottom:3px;
  left:520px;
  font-size: 15px;
}
</style>
